<template>
  <div class="home">
    <FooterIndex />
    <Search />
    <Banner />
    <Nav />
    <Recommend />
    <Playlist />
    <Video />
    <Recommend />
    <Recommend />
    <Recommend />
    <Tabs />
    <Ranklist />
    <Musiccalendar />
    <YunCunKTV />
    <Radio />
    <Recommend />
  </div>
</template>

<script>
import Search from "../components/xpf/search.index.vue";
import Banner from "../components/xpf/home/index/banner.index.vue";
import Nav from "../components/xpf/home/index/nav.index.vue";
import Recommend from "../components/xpf/home/index/recommend.index.vue";
import Playlist from "../components/xpf/home/index/playlist.index.vue";
import Video from "../components/xpf/home/index/video.index.vue";
import Tabs from "../components/xpf/home/index/tabs.index.vue";
import Ranklist from "../components/xpf/home/index/ranklist.index.vue";
import Musiccalendar from "../components/xpf/home/index//Musiccalendar.index.vue";
import YunCunKTV from "../components/xpf/home/index/yunCunKTV.vue";
import Radio from "../components/xpf/home/index/radio.index.vue";
export default {
  name: "Home",
  components: {
    Search,
    Banner,
    Nav,
    Recommend,
    Playlist,
    Video,
    Tabs,
    Ranklist,
    Musiccalendar,
    YunCunKTV,
    Radio,
  },
};
</script>
<style lang="less" scoped>
.home {
  background-color: #f5f5f5 !important;
  padding: 1.28rem 0 1.34rem;
}
</style>
